a{
    color: #fbff0a;
}
#div{
    width: 800px;
    height: 100px;
}
/* 盒子模型：content,padding:内边距,border:边框,margin:外边距 */
/* 内容保持在content里 */
/* 背景颜色会填充到border，margin以内 */

#div1{
    width: 80px;
    height: 80px;
    background-color:green;
    float: right;
    /* relative:相对定位 相对于本身位置，absolute：绝对定位 相对于父元素位置，fixed：绝对定位 相对于网页位置 */
    position: relative;
    bottom: 20px;
    right: 20px;
}
/* 伪类 */
#div1:hover{
    background-color: blue;
}
#div1:active{
    background-color: crimson;
}
